<template>
  <div>选项式API</div>
  <div>
    <h1>{{ msg }}</h1>
    <button type="button" @click="changeMsg">点击修改信息</button>
  </div>
  <!-- <MyComponent></MyComponent> -->
  <!-- <StuDemo5></StuDemo5> -->
</template>



<script>
// import StuDemo5 from '@/views/study3/StuDemo5.vue';
export default {
  name:'Study1StudDemo1',
  // 组件导入
  // components: {
  //   StuDemo5
  // },
  data(){
    return {
      msg: 'Hello Vue3'
    }
  },
  methods: {
    changeMsg(){
      this.msg = 'Hello Vue3 changed'
    }
  }
}
</script>

<style scoped>
</style>
